body{
    background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%);
}
.badge {
    flex: 1;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    height: 100px;
    img {
        height: 70px;
        right: 12px;
        top: 24px;
        // margin-top: 10px;
    }
    .badges{
        color: aliceblue;
        margin-top: 10px;
    }
    .paiming{
        top: 15px;
        right: 80px;
        color: #5e6265;
    }
    .Num{ 
        bottom: -12px;
        right: 69px;
        }
        .num0{
           color:  #677fa8;
            font-size: 59px;
            
    }
}


#myBadgeList{
    display: flex;
    flex-wrap: wrap;
    li{
        width: 30%;
        margin: 10px 5px;
        text-align:center;
        h2{
            font-size: 16px;
        }
        img{
            width: 100px;
            height: 100px;
            border-radius: 50%;
           
        }
    }
}